/**
 * @file PC端应用头样式
 */
@charset "UTF-8";

@use '../../variables' as *;

.axiom-pc-app-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--axiom-header-height, 60px);
  padding: 0 var(--spacing-lg);

  .header-left, .header-center, .header-right {
    display: flex;
    align-items: center;
  }

  .sidebar-toggle {
    cursor: pointer;
    margin-right: var(--spacing-md);
    padding: var(--spacing-sm);
    border-radius: var(--border-radius-full);
    transition: background-color 0.2s ease;

    &:hover {
      background-color: var(--bg-color-tertiary);
    }
  }

  .header-center {
    flex-grow: 1;
    justify-content: center;
  }

  .default-brand {
    display: flex;
    align-items: center;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold, 700);
    color: var(--text-color-primary);

    .app-title {
      margin-left: var(--spacing-md);
    }
  }

  .default-actions {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
  }
}

// Rainbow Cyber 主题专属“特效”
html.theme-rainbow-cyber .axiom-pc-app-header {
  background: var(--glass-bg);
  backdrop-filter: var(--backdrop-blur);
  border-bottom: 1px solid;
  border-image-source: var(--glass-border);
  border-image-slice: 1;
}

html.theme-cyberpunk .axiom-pc-app-header {
  background: var(--glass-bg);
  backdrop-filter: var(--backdrop-blur);
  border-bottom: 1px solid var(--glass-border);

  .default-brand {
    color: var(--text-color);
  }
}

html.theme-neon .axiom-pc-app-header {
  background: var(--glass-bg);
  backdrop-filter: var(--backdrop-blur);
  border-bottom: 1px solid var(--glass-border);

  .default-brand {
    color: var(--text-color);
  }
} 